<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			td,
			th {
				padding: 5px 10px;
			}
		</style>
	</head>

	<body>
		<script src="../../../WEB-INF/js/jquery-2.0.0.min.js" type="text/javascript" charset="utf-8"></script>
		<table id="tab" border="1px" cellpadding="0" cellspacing="0">
			<tr>
				<th>id</th>
				<th>bookname</th>
				<th>price</th>
				<th>title</th>
				<th>amount</th>
				<th>category</th>
				<th>author</th>
				<th>summary</th>
				<th>imgsrc</th>
			</tr>

		</table>
		<button>123</button>
	</body>

</html>
<script type="text/javascript">
	$(document).ready(function(){
		$("button").click(function(){
			$("body").html(123)
			
		})
		
	})
</script>